<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <title>WeUI</title>
    <link rel="stylesheet" href="../css/weui.css"/>
    <link rel="stylesheet" href="../css/perInfo.css"/>
    <script src="../js/jquery-2.1.1.min.js"></script>
    <script src="../js/jquery.form.min.js"></script>
    <script src="../layer/layer.js"></script>
    <script src="../js/main.js"></script>
    <title>用户注册</title>
</head>

<body>

<div id="d" style="padding-bottom:10%;width:100%;height:0;margin-top: 1rem;background-color: black;margin-top: 0px;">
    <div style="width:70%;margin:auto auto;">
        <img src="../img/index/top.png" style="height: auto;width:100%; margin:auto auto;"/>
    </div>
</div>


<form method="post" id="passwordForm">
    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">旧密码</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" name="oldPassword" pattern="[0-9A-Za-z.]*" type="password" placeholder="请输入密码">
            </div>
        </div>

        <div class="weui-cells weui-cells_form">
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">新密码</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" name="newPassword" pattern="[0-9A-Za-z.]*" type="password" placeholder="请输入密码">
                </div>
            </div>

            <div class="weui-cells weui-cells_form">
                <div class="weui-cell">
                    <div class="weui-cell__hd"><label class="weui-label">确认密码</label></div>
                    <div class="weui-cell__bd">
                        <input class="weui-input" pattern="[0-9A-Za-z.]*" name="againPassword" type="password" placeholder="请再次输入密码">
                    </div>
                </div>


                <div class="weui-btn-area">
                    <input type="submit" class="weui-btn weui-btn_primary" id="showTooltips" value="确认修改">
                </div>
            </div>
        </div>
    </div>
    <script>
        $.ajaxSetup({
            xhrFields: {
                withCredentials: isCrossDomain
            }
        });
        $(function () {
            var options = {
                // 规定把请求发送到那个URL
                url: mainurl+"v03/setPassword",
                // 请求方式
                type: "post",
                // 服务器响应的数据类型
                dataType: "json",
                beforeSubmit: function (formData, jqForm, options) {
                    for(i=0; i<formData.length; i++) {
                        if(formData[i].value==''){
                            warnInfo("参数不能为空");
                            return false;
                        }
                    }
                    if(formData[1].value!=formData[2].value) {
                        errorInfo("两次密码不一致");
                        return false;
                    }
                    return true;
                },
                // 请求成功时执行的回调函数
                success: function(data, status, xhr) {
                    if(checkData(data)) {
                        successInfo("修改成功");
                        window.history.back(-1);
                    }
                }
            };
            $("#passwordForm").ajaxForm(options);
        });
    </script>
</form>
</body>

</html>